<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义滚动条</title>
    <style type="text/css">
    .box{
        position:relative;
        height: 210px;
        width: 750px;  
        margin:auto;  
        margin-top: 100px;  
        border: 1px #ddd solid;
    }
    .box .scroll-bar-container{
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 100%;
        border-radius: 5px;
        background-color: #ebebeb;    
    }
    .box .scroll-bar-container .scroll-bar{
        border-radius: 5px;
        height: 20px;
        width: 6px;
        background:#bcbcbc;
        position:absolute;
        right: 2px;
        top:0;
        cursor: pointer;     
    }
    .box .scroll-content{
        height: 100%;
        overflow: hidden;
        padding-right: 10px;     
    }
    .box .content{
        font-size: 12px;
        line-height: 1.5;
    }
    </style>
</head>
<body>
<div class="box"> <!--box-->
    <div class="scroll-content"> <!--rightbox-->
        <div class="content"> <!--content-->
            <h4 style="text-align:center;">美文鉴赏</h4>
            <h6>1. 淡写年华：</h6>
                  许我们的心里藏有一个海洋，流出来的却是两行清泪，可我并不感到孤单，我只是简单地喜欢书写凄凉。曾经我们敷衍的情绪，在别人记忆的曲线里渐行渐远渐无言。难道曾经的悸动，只是岁月留给我一个人的错觉，我有点不相信自己的眼睛。我没有哭泣，只是学会了思念而已。
             
                  曾经我们也有过如海子一般“面朝大海，春暖花开”的美好愿景，曾经我们也为“那一年”的往事刻骨铭心，曾经我们也不知道忙碌夜夜狂欢，曾经我们也有过假装欺骗自己……在我们过去的时光里，一件件悲伤的、快乐的往事像一粒粒珍珠般串联在一起，构成了我们如花似玉的年华。
             
                  回首似水流年，内心莫名的宁静，也许是我们的心慢慢变老渐渐远离年轻。曾经，我们会为某件事伤心欲绝，也会为某件事欢心跳跃，我们会爱某个人爱到死去活来，我们也会恨某个人恨到不能自己，我们可以爱，我们可以恨，但我们不可以漫不经心。然而，年华像风里的白桦叶一般被风弄得沙沙作响，可我们现在的心平静得就像溪水般缓缓流淌，原来谁都可以不用顾忌着谁，原来谁都可以忘记离合悲欢，谁都可以简单地生活。>>>>>>http://www.lookmw.cn/jidian/48230.html
             
            <h6>2. 心安，幸福：</h6>
                  秋雨丝丝洒枝头，烟缕织成愁，遥望落花满地残红，曾也枝头盈盈娉婷，装饰他人梦。如今花落簌簌，曾绚烂美好刹那芳华。看那花瓣上的珍珠，不甚清风的摆动，悄然滑落，那不舍的是离愁，尘缘已过，聚散匆匆。不需忧伤，花儿，不会因为离枝而失去芬芳；草儿，不会因为寒冬而放弃生的希望。今年花胜去年红，明年花更好，花开最美，不负这红尘人间。
             
                  细数走过的岁月，欢乐伴着忧伤。在时光的深处中，最美的永远艳丽多彩不褪色，那些伤痛，时间久了也就模糊不清，留下的记忆也是残缺碎片。遇到不满意时，总会拿过去的好作比较，留恋过去，讨厌现在，始不知过去也是现在，现在也会过去。行走红尘人间，做个随遇而安的草木女子，让清风拂袖，心香暖怀。生命的旅途，总会有千回百转，悲喜寒凉，季节的辗转，绮丽的风景。若是懂得，这都是生活赋予的美好。有些人，有些事，也许进了你的眼，滑过你的心，又悄然的溜走了，也许只为相遇，留一道风景。把路途的美景丰盈心灵，化一道属于自己的风情。>>>>>>http://www.lookmw.cn/xinxiu/63021.html
             
            <h6>3. 花开人间四月天：</h6>
                  故作神游，忍不住躺在了油菜花里，生活中所有的烦恼都不存在了，跑上了云霄，跑到了你我顾虑不到而遥远的地方，动情地看着天空发呆，天空是如此的蓝，白云是多么的飘逸，耳畔窸窸窣窣的声响顿时都构成了大自然最动听的乐曲。淡淡的，清幽的花香让人不自觉地忘了自己，仿佛与天地同在，与日月同辉，悄然四顾，没有喧嚣，没有离愁，我们也成为了大自然最透明的一份子。醉了，天空醉了，我醉了，你也醉了，醉了尘世间的纷纷扰扰，醉了人世间一切是是非非、恩恩怨怨，醉了一世琉璃。
              
            　　花开花落花满天，纷纷扬扬的落花飘在空中，落在地上，仿佛冬天里漫天飞舞的片片雪花，晶莹剔透；仿佛王母洒下的碎琼浆，清香甘甜；仿佛人间飘舞的小精灵，天真淘气。白色的樱花，开在人间四月，开在了最美的季节，白色的，粉色的，纷纷扬扬地洒下一地落花，让人不忍一踩，敞开双手走过，掠起了一地芬芳，掠走了一身清香。闭上双眸，敞开胸怀扬起了头，扬起的是笑脸，是朝着阳光45度角的微笑，花瓣落在了发梢，落在了眉梢，落在了脸庞，落在了早已沉醉的心田。>>>>>>http://www.lookmw.cn/xinqing/49623.html
             
            <h6>4. 人生如戏……</h6>
                  人生如戏，我们上演着悲欢离合，试过欢声笑语，也试过痛哭流涕；人生如戏，我们经历过顺境逆境，尝过成功的甜，也尝过失败的苦。当中的滋味，只有身处其中的自己才能彻底体会。别人可能会以为我们表演得太夸张，其实那都是我们最真实的反应。
             
                  人生如戏，总会在我们不经意的时候埋下伏笔，等着某一天让我们恍然大悟。也许有人能够洞察先机，可以逢凶化吉；也许有人是有幸运加持，可以安然度过；也许有人过于迟钝，只能黯然叹息了。
             
                  人生如戏，我们以为可以改变自己的命运，却没想到我们的结局早已注定。无论怎么做都摆脱不了戏里既定的安排，可谓殊途同归。如此看来，我们的拼搏和挣扎就像小丑在跳舞，徒惹人发笑罢了。
             
                  人生如戏，无论观众对这出戏有任何的意见，在戏里的我们永远都听不见，只能按照安排表演着我们的人生。就算观众为我们叫好，我们也不会因此高兴；就算观众为我们喝倒彩，我们也不会因此沮丧。因为这出戏是属于我们自己的戏，好与坏应该由我们自己来做评判。>>>>>>http://www.lookmw.cn/sanwen/63360.html     #p#分页标题#e#
             
            <h6>5. 想你，一种淡淡的忧伤：</h6>
                  想你，在每一个太阳初升的清晨。未睁开朦胧的眼睛便开始偷偷地想你，你的笑，你的哭，你的忍让，你的霸道，你的大度，你的小心眼。那一刻，我的脑海里再也容不下别的，包括我自己。
             
                  想你，在每一个午后清浅的时光。习惯在午后懒懒地靠在椅子上，看着莹莹的蓝天，悠悠的白云，我知道那是你我的追逐。习惯双手托腮，将自己放在感伤的音乐里，每一个跳动的音符都触动着我的心弦，一字一句的歌词似乎都因你我的故事而生，感动许久许久，偶有泪水滑落，不是悲伤，不是怅惘，而是思念渗入骨子里，无处可逃，无处安放，无它。
             
                  想你，在每一个安静地可以清晰地听到自己心跳的夜晚。抖落一天的疲惫，安静地躺在床上，枕着合十的双手，想此刻的你是不是喝了几杯酒，是不是吃的饱饱的，是不是又要很晚才回家，是不是我偶尔的催促会让你顿生厌恶，是不是该留给彼此大大的空间，想好多好多关于你的问题，有些多余。想，只是简单的想你，不想打扰你，唯有将对你满腹的思念，通过流动的笔尖，融入柔情的诗句，寄成笺，折成船，放入思念的长河，任其漂荡，只待你轻轻拾起，将我挚热的爱稳稳地收藏。>>>>>>http://www.lookmw.cn/lovesuibi/62549.html
             
            <h6>6. 阅读流年：</h6>
                  阅读流年，就是为积淀智慧。越是用心阅读，就会少了许多惊恐和不安。人生之旅，谁都不会一帆风顺，事事如意。那些层层叠叠的执念，都会相伴于岁月的浪花，默默远去。人生之旅，风雨兼程，人们从感叹命运的不公，到微笑着面对，不过是在一条不能迂回的路上，又一次印证了生命的卑微，演绎了一场随遇而安的人生定律。
             
            　　岁月里的物象，无论怎样的变幻无常，只要秉持一颗不被惊扰的心念，世风无论怎样的摇曳，也会处惊不变，淡定如初。只要心存温润，便不会邂逅岁月的寒凉，总被一抹暖色所浸润。
             
            　　当穿越一个个时空，汲取了黎明的精华后，我们渐渐学会了宽容与平和，也学会了勇敢与面对。即便错过了最美的年华，因为亲历，依然无悔；即便远离曾经的葳蕤，因为拥有，便会无憾。所有的辗转，都是岁月长卷里一段深邃的文字，或者真切的图片，那样的真实，没有一点虚幻。且行且咀嚼，让我们渐渐地领悟，人生，简单远比繁复更隽永；给予，远比得到更快乐；平淡，远比繁华更踏实。谁拥有了平淡如水的日子，谁就拥有了一段溪水静流般的宁静与安好。>>>>>>http://www.lookmw.cn/zheli/49586.html
             
            <h6>7. 让怅然远去：</h6>
                  我想，只要是一位耕者，心田或许永远是播种的季节，也会永远守望着那一季之丰硕的。尽管他们眼前有飘零的叶子落下。季节总是无声的轮回，然而，季节里的旧事越发的清晰。总会想起刚刚刨出来的红薯，紫微微的散发着泥土的芳香。在那秋风刮起的田野，拔上几棵毛豆，掰下几穗玉米，挖出些许花生，在避风的地方用柴火熏烤，瞬间就会散发出醉人的清香。然后，跑到柿树下摘下几个红的发紫的柿子下肚，一顿真正的“野餐”就这样过去了。后来，入伍到空军，每每中秋刚过，在遥远的北疆，总会收到母亲亲手缝制的布鞋，这样的布鞋穿在脚上不捂脚。我穿着母亲做的布鞋，度过了一个又一个深秋，走过了一程又一程的路。母亲去了，那一双双曾经伴我远行的布鞋，一针针，一线线，却早已隽刻在我生命的过往里了。
             
                  在这样秋风起的深秋里，总会让我情不自禁的想起那些飘零的叶子，流年里的往事，还有记忆里的亲情。在渐行渐远的时光里，浸润着每一个鲜活的生命，让我们远离了丝丝缕缕的怅然。>>>>>>http://www.lookmw.cn/beiqiu/20164.html
             
            <h6>8. 若有轮回，我仍是追风筝的人：</h6>
                  人生犹如一列疾驰的火车，疾驰在生命的旅程，上演韶华绽放的美丽。我们都是故事的主角，无论是熟悉的，陌生的，遇见的，错过的，记忆的，遗忘的，都在竭尽的演好自己的角色，为的只是一场永不凋零的演出。尽管有人下车，有人上车，但却一直在向前，向前行驶。
             
                  岁月的沙漏虽岁磨平了每个人的棱角，而往昔的剪影也如片片雪花涌来。但并不是守候在地平线上的原点，并不是输在了等待上，并不是沉湎直至缅怀。错过的终以错过，结束的早已结束，开始的刚好开始，何须转弯，何须留恋，又何须祭奠。
             
                  恰逢韶华，岁月靖好。于不知不觉间，开始留恋，难舍沿途的风景。突然，豁朗的天空张开怀抱，处处洋溢芳香。原来，生活如一坛老酒，愈是酝酿，愈是积淀，愈是醇香。靖好的光阴，安稳的现实，又岂能不小心错过？漫步在稻花香间，闲逸在河边垂钓，休憩在懒洋洋的阳光下，即是幸福。此时，不求似昙花一般于一夜间轰轰烈烈的绽放，不求似樱花一样凋零在明媚的季节，但求平淡中包裹着平凡的温暖，享受着家常的温馨。
        </div>
    </div>
    <div class="scroll-bar-container">
        <div class="scroll-bar"></div>
    </div>
</div>
</body>
<script type="text/javascript" src="scroll.js"></script>
<script type="text/javascript">
    //模拟滚动条
    new scroll({
        box: '.box',
        bar: '.scroll-bar',
        rightBox: '.scroll-bar-container',
        content: '.content',
        scrollContent: '.scroll-content'
    });
</script>
</html>